<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>购买</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		
	</head>
	<body>
		<!--头部-->
	<div class="head clearfix">
			<div class="width1200">
				<div class="left">
					<a href="index.html"><img width="200" class="" src="img/logo.png"></a>
				</div>
				<div class="left">
					<ul class="clearfix top-nav relative">
						<li class="nav-li ">
							<a href="javascript:;">音乐单曲</a>
							<ul class="nav-list absolute" >
								<li><a href="song-classify.html" class="active">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
							</ul>
						</li>
						<li class="nav-li">
							<a href="index-DV.html">DVJ视频</a>
							
						</li>
						<li class="nav-li">
							<a href="song-spun.html">串烧</a>
							
						</li>
						<li class="nav-li">
							<a href="index-taoqu.html">套曲</a>
							
						</li>
						<li class=""><a href="index-music-man.html">音乐人</a></li>
						<li><a href="mall.html">商城</a></li>
						<li><a href="index-information.html">资讯</a></li>
					</ul>
				</div>	
				<div class="right">
					<div class="right padding_lr10 text-center my-box">
						<img class="vertical-align_m icon-my" src="img/icon-my.png" alt="">
						<br>
						<img class=" vertical-align_m" src="img/vip.png"><span class="color_ff ">100金币</span>
						<span class="relative">
							<ul class="absolute login-style my-list" style="display: none;">
								<li><a href="my.html"><img src="img/iconmy-01.png">我的主页</a></li>
								<li><a href="my-news.html"><img src="img/iconmy-02.png"> 我的消息</a></li>
								<li class="vip-a"><a href="javascript:;"><img src="img/iconmy-03.png"> VIP会员</a></li>
								<li><a href="my-set.html"><img src="img/iconmy-04.png">个人设置</a></li>
								<li><a href="vip.html"><img src="img/iconmy-05.png">会员中心</a></li>
								<li><a href="javascript:;"><img src="img/iconmy-06.png">退出</a></li>
							</ul>
						</span>
					</div>
					<a href="shopping-card.html" style="margin: 20px 0 0 9px;" class="right"><img src="img/icon-top-card.png"/></a>
					<div class="right padding_tb10">
						<span class="relative top-secher mall">
							<input type="text" name=""  value="" placeholder="搜索音乐 、套曲">
							<img class="absolute find-img" src="img/icon-find.png">
						</span>
					</div>
				</div>
			</div>
		</div>
		
<!--		<div class="bg_ff">-->
<!--    		<div class="width1200 ">-->
<!--    			<div class="padding_tb10 bor_b mg_top20 font_18">-->
<!--    			  订单确认-->
<!--    			</div>-->
<!--    			<div class="mg_top20 buy-box">-->
<!--	    			<h4 class="bg_f5 padding_10">收货地址</h4>-->
<!--	    			<p class="padding_10 color_55 mg_top10">-->
<!--	    				<span class="left">收货人信息：【默认】北京市海淀区抚琴路32号</span>-->
<!--	    				<a href="javascript:;" class="address-a right blue mg_r20">选择地址</a>-->
<!--	    			</p>-->
<!--	    			<p class="padding_10 color_55 mg_tb20">支付方式：在线支付</p>-->

<!--	    		</div>	-->

<!--    		</div>-->
<!--    	</div>-->
    	<!--选择地址-->
    	<div class="big-mask address-box">
    		<h4 class="padding_10 text-center mask-tittle color_ff font_16">选择地址</h4>
    		<div class="mg_top20 buy-box" style="border: none;padding-bottom: 40px;">
    		    <table border="" cellspacing="" cellpadding="" class="goods-tab">
		        	<tbody>
		        		<tr class="padding_10">
			        		<th></th>
			        		<th>收货人</th>
			        		<th>电话/手机</th>
			        		<th>详细地址</th>
			        	</tr>
			        	<tr class="spun-box">
			        		<td>
			        			<span class="check-box">
					    			<label for="checkbox1"><img src="img/rideo.png"></label>
					    			<input type="radio" name="address" id="checkbox1" class="check" hidden="hidden" value="">
					    		</span>
			        		</td>
			        		<td class="address-name">张三</td>
			        		<td class="address-phone">18545441244</td>
			        		<td class="address">四川省成都市高新区天府三级新希望国际B栋709</td>
			        	</tr>
			        	<tr class="spun-box">
			        		<td>
			        			<span class="check-box">
					    			<label for="checkbox2"><img src="img/rideo.png"></label>
					    			<input type="radio" name="address" id="checkbox2" class="check" hidden="hidden" value="">
					    		</span>
			        		</td>
			        		<td class="address-name">张三</td>
			        		<td class="address-phone">18545441244</td>
			        		<td class="address">四川省成都市高新区天府三级新希望国际B栋709</td>
			        	</tr>
			        </tbody>
	    		</table>
    		</div>
    	</div>
    	<!--支付方式-->
    	<div class="mask pay-mask">
    		<h4 class="padding_10 text-center mask-tittle color_ff">选择支付方式</h4>
    		<div class="pay-font1 mg_tb20 padding_lr30">
    			<h4 class="font_16"><img class="vertical-align_m" width="20" src="img/tj.png"/>提交订单</h4>
    			<p class="mg_top20">先购先得，请尽快完成支付！</p>
    			<p class="mg_top10">支付金额：<span class="red">￥200</span></p>
    		</div>
    		<div class="pay-iconbox mg_tb20 text-center">
    	    	<a href="javascript:;" class="mg_r20"><img width="30" class="vertical-align_m " src="img/pay-icon-wx.png"/> 微信支付</a>
    	    	<a href="javascript:;" class="mg_left20"><img width="30" class="vertical-align_m " src="img/pay-icon-pay.png"/> 支付宝支付</a>
    	    </div>
	    </div>
	    <div class="overlay"></div>
	    <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	    
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <script type="text/javascript">
	    	$(".goods-tab").on("click",'.cut',function(){
	    		var nums = $(this).siblings('input').val();
	    		nums--;
	    		if(nums<=1){
	    			nums=1
	    		}
	    		$(this).siblings('input').val(nums);
	    	})
	    	$(".goods-tab").on("click",'.add',function(){
	    		var nums = $(this).siblings('input').val();
	    		nums++;
	    		$(this).siblings('input').val(nums);
	    	})
	    	
		    $(".buy-a").click(function(){
		    	overy_show()
		    	$(".pay-mask").fadeIn(200)
		    	$(".overlay").click(function(){
		    		$(this).hide()
		    		$(".pay-mask").fadeOut(200)
		    	})
		    })
		    //选择地址
		    $(".address-a").click(function(){
		    	overy_show()
		    	$(".address-box").fadeIn(200)
		    })
		    

//	    })
	    </script>
	</body>
</html>
